<!--
  Generated template for the CustomerServerListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>我的服务单</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>

  <ion-refresher (ionRefresh)="refresh($event)" pullMax="300" [enabled]="IS_APP">
    <ion-refresher-content
      pullingText="下拉刷新"
      refreshingSpinner="circles"
      refreshingText="正在刷新...">
    </ion-refresher-content>
  </ion-refresher>

  <div class="w12 order_list">
    <div class="w12 order_list_item mb15" *ngFor="let all of Alls">
      <div class="w12 order_list_body bor_bottom">
        <div class="w12">
          <span class="font_white  font_size_standard bgcolor_blue plr5 mr5 lh20">{{all.DJLX}}</span>
          <span style="font-size: 13px;">订单号：{{all.ID}}</span>
          <span class="fr tr font_orange font_size_standard" >
              <i *ngIf="(all.DJZT=='在路上'||all.DJZT=='送货在途'||all.DJZT=='师傅接单')" class="fa fa-map-marker mr5" (click)="map(all)" ></i>
            {{all.DJZT}}
            </span>
        </div>
        <h3 class="w12">{{all.CATEGORY_NAME}} {{all.BRANDNAME}} {{all.PRODUCT_NAME}}</h3>
        <span class="w12">下单时间：{{all.CREATED}}</span>
      </div>
      <div class="w12 order_list_bottom">
        <button class="fl" *ngIf="all.WORKER" (click)="contact(all.PARTYID_SF)"><i class="fa fa-phone"></i></button>
        <button class="xuan" *ngIf="all.SFPJ=='0'" (click)="doComment(all)">评价</button>
        <button (click)="push('DetailsPage',all)">详情</button>
        <button (click)="push('ClassifyPage',all)">售后</button>
        <button *ngIf="all.DJZT=='师傅接单'||all.DJZT=='送货在途'" (click)="map(all)">定位</button>
      </div>
    </div>
    <div *ngIf="AllsConfig.isEnd==true" class="w12 mt20 mb20 tc font_gray">
      ------------------------ 已经到底了 ------------------------
    </div>
    <ion-infinite-scroll class="w12" (ionInfinite)="getMoreAlls($event)" threshold="100px"
                         [enabled]="!AllsConfig.isEnd">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="数据加载中...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </div>

</ion-content>
